<!DOCTYPE <!DOCTYPE html>
<html>
<head>
    <title>伪类链接</title>
    <meta charset="utf-8">
    <style>
        .zfh{
            width: 200px;
            height: 200px;
        }
        a{
            font-size: 20px; 
        }
        a:link{
            color: aqua/*静止下的超链接就是青色*/
        }
        a:visited{
            color: red/*点过之后的超链接就变红*/
        }
        a:hover{
            color: yellow;/*鼠标悬停时变黄*/
        }
        a:hover{
            position: relative;/*让超链接变得有动感*/
            top: 1px;
            left: 1px;
            cursor: grab;
        }
        a:active{
            color: blue/*点击的时候变蓝色*/
        }
    </style>
</head>
<body class="zfh" background="E:\张峰华\网页设计\3.25盒子模型\1.jpg" style="background-repeat:no-repeat"></body>
<body>
  <div style="text-align:center;">
  <a href="http://www.w3school.cn.com">w3school学习网站</a><br/>
  <a href="http://www.qq.com">腾讯</a></br>
  <a href="http://www.7k7k.com">7k7k小游戏</a></br> 
  </div>
</body>
</html>